import { nanoid } from 'nanoid';

const children =  [
  {
   
   path: '/home/', 
   name: 'nav1',
   meta: {label: 'Navigator One', role: 'admin',icon: 'far fa-compass',id:nanoid(6)},
   component: ()=>import('../nav1.vue')
  },
  {
   path: '/home/nav2',  
   name: 'nav2',
   meta: {label: 'Navigator Two', role: 'admin',icon: 'fas fa-braille',id:nanoid(6)},
    component: ()=>import('../nav2.vue')
  },
  {
  path: '/home/nav3',
  name: 'nav3',
  meta: {label: 'Navigator Three', role: 'admin', icon: 'fas fa-file-alt',id:nanoid(6)},
    component: ()=>import('../nav3.vue')
  },
  {
    path: '/home/nav4',
    name: 'nav4',
    meta: {label: 'Navigator Four', role: 'commons', icon: 'far fa-sun',id:nanoid(6)},
      component: ()=>import('../nav4.vue')
    }
]

export default children;